<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
            dom 树   （了解）
            dom tree 

                整个网页的根节点 
                    是 html对象
                            --head 子节点
                                --script 
                                --link
                                --title
                                --meta
                            --body
                                内容都是在这里
                                --div
                                --div
                                --p

        */
        //    window 浏览器窗口对象
        console.log(window);
        // window 存放了 所有全局变量
        // window.parseInt()
        // 一般全局变量可以省略掉window
        console.log(window.document);//html文档 是由文档 声明和 html标签组成的

        // 页面的根节点
        console.log(window.document.documentElement);//html标签
        console.log(document.documentElement);//html标签

        // 控制   title标签的内容
        console.log(document.title);//html标签

        // 动态设置网站的title
        document.title = 'aaa'
        document.title = 'bbb'
    </script>

</body>

</html>